<template>
  <div class="pagination">
    <el-pagination :small="true" :total="pageData.total" :page-size="pageData.pageSize" :current-page.sync="pageData.currentPage" @current-change="currentChange" background layout="prev, pager, next"></el-pagination>
  </div>
</template>

<script>
export default {
  props: {
    pageData: {
      type: Object,
      default() {
        return {
          total: 0, //评论总数
          currentPage: 1, //当前页码
          pageSize: 20, //每页显示条数
        };
      },
    },
  },
  data() {
    return {};
  },
  inject: ['currentChange'],
  computed: {},
  created() {},
  components: {},
  methods: {},
};
</script>

<style scoped>
.pagination {
  text-align: center;
  margin: 20px 0;
}
</style>